<script>

    import Nav from '../components/nav.svelte';
    import Title from '../components/title.svelte';
    import { onMount } from 'svelte';
    import routes from '../router.js';
    import Router from 'svelte-spa-router'
    import { LoginType } from '../service.js';

</script>

<div class="view">
    <div class="columns is-gapless">
        <div class="column is-2">
            <Nav />
        </div>
        <div class="column is-10 is-main">
            <Title />
            <Router {routes} />
        </div>
    </div>
</div>

<style>
    .view {
        height: 100vh;
        overflow-y: none;
    }
    .is-main {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto
    }
</style>
